<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
        <title></title>
        <style type="text/css">
			*{margin: 0px;padding: 0px;}
			body{background-image: url(img/微信图片_20211116194326.jpg);}
			#head{width: 100%;height: 30%;background-color: dodgerblue;float: left;}
			img{margin-left: 10%;float: left;}
			h1{color: white;float: left;margin-top: 1%;margin-left: 1%;}
			a{text-decoration: none;color: white;}
			#daohang{float: left;margin-top: 2%;}
			#daohang{margin-left: 5%;text-align: center;float: left;width: 90%;height: 1%;}
			#daohang div{font-size: 30px;color: #FFFFFF;margin-left: 1%;float: left;background: dodgerblue;width: 15%;height: 1%;}
			#sk{width: 250px;height: 30px;margin: 2% 70%;float: left;}
			.search #in{width:454px;height:30px;border:2px solid ;outline:none;font:14px/30px "microsoft yahei";margin-left: 60%;}
			.search .btn_search{background:skyblue;width:80px;height:34px;color:white;margin-top: 2%;border:none;outline:none;font:14px/34px "microsoft yahei";}
			#bottom{width: 100%;background-color: white;margin-top: 2%;line-height: 150px;opacity:0.5;}
            #hx{border: 1px solid black;margin-left: 2%;margin-right: 2%;}
            #ww{padding-left: 10%;font-size: 25px;}
            #y{font-size: 20px;}
            #bottom-bt{background-color: dodgerblue;}
            h3{margin-left: 40%;font-size: 30px;color: white;}
		</style>
      <link rel="stylesheet" href="top.css">
	</head>
	<body>
		<box>
            <div id="header">
                <div id="logo">
                    <img src="img/logo.png" >
                    <h1>计算机系</h1>
                </div>
                <div id="daohang">
                    <div>
                        <p><a href="index.html">首页</a></p>
                    </div>
                    <div>
                        <p><a href="party_work.html">党团工作</a></p>
                    </div>
                    <div>
                        <p><a href="double_height_construction.html">双高建设</a></p>
                    </div>
                    <div>
                        <p><a href="Professional_features.html">专业特色</a></p>
                    </div>
                    <div>
                        <p><a href="employment_Admissions.html">招生就业</a></p>
                    </div>
                    <div>
                        <p><a href="student_style.html">学生风采</a></p>
                    </div>
                </div>
                <div id="ss">
					<div class="search">
                        <input type="text" id="in" value="搜索关键字" /><button class="btn_search">搜索</button>
					</div>
                </div>
                <div id="bottom">
                    <pre><p id="ww">勿忘国耻圆梦中华————纪念“九一八”事变88周年							2020-10-12 11:55:21</p></pre>
                    <p id="hx"></p>
                    <pre><p id="ww">勿忘国耻圆梦中华————纪念“九一八”事变88周年							2020-10-12 11:55:21</p></pre>
                    <p id="hx"></p>
                    <pre><p id="ww">勿忘国耻圆梦中华————纪念“九一八”事变88周年							2020-10-12 11:55:21</p></pre>
                    <p id="hx"></p>
                    <div id="dy">
                        <pre><p id="y">																	第1/1页	总记录数：3 	每页显示：10</p></pre>
                    </div>
                </div>
                <div id="bottom-bt">
                    <pre>
                        <h3>哆啦A梦软件责任有限公司	版权所有</h3>
                    </pre>
                </div>
            </div>
		</box>
	</body>
</html>
